<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<style>

    .carousel .item img {
        left: -9999px;  /*important */
        right: -9999px;  /*important */
        margin: 0 auto;  /*important */
        max-width: none;  /*important */
        height: 380px;
    }
</style>
<div id="carouselBlk" >
    <div id="myCarousel" class="carousel slide"  >
        <div class="carousel-inner">
            <div class="item active">

                <center>
                    <a href="register.html"><img src="themes/images/carousel/1.jpg"/></a>
                </center>

            </div>
            <div class="item">

                <a href="register.html"><img src="themes/images/carousel/2.jpg" alt=""/></a>


            </div>
            <div class="item">

                <a href="register.html"><img src="themes/images/carousel/3.jpg" alt=""/></a>



            </div>
            <div class="item">

                <a href="register.html"><img src="themes/images/carousel/4.jpg" alt=""/></a>



            </div>
            <div class="item">

                <a href="register.html"><img src="themes/images/carousel/5.jpg" alt=""/></a>


            </div>
            <div class="item">

                <a href="register.html"><img src="themes/images/carousel/6.jpg" alt=""/></a>


            </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div> 
</div >

<div class="well well-small">
    <h2 style="text-align:center; color:red"><strong>WELCOME TO OUR FAMILY!!!</strong></h2>
</div>


<h4>Rooms And Rates </h4>
<ul class="thumbnails">
    <li class="span3">
        <div class="thumbnail">

            <div class="caption">
                <h5>Rendezvous Single</h5>
            </div>
            <a  href="product_details.html"><img style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
        </div>
    </li>
    <li class="span3">
        <div class="thumbnail">
            <a  href="product_details.html"><img style="height:150px" src="themes/images/rooms/double.jpg" alt=""/></a>
            <div class="caption">
                <h5>Rendezvous Double</h5>
                <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                    <a class="btn btn-primary" href="#">$30.00</a></h4>
            </div>
        </div>
    </li><li class="span3">
        <div class="thumbnail">
            <a  href="product_details.html"><img style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
            <div class="caption">
                <h5>Rendezvous Single</h5>
                <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                    <a class="btn btn-primary" href="#">$16.00</a></h4>
            </div>
        </div>
    </li><li class="span3">
        <div class="thumbnail">
            <a  href="product_details.html"><img style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
            <div class="caption">
                <h5>Rendezvous Single</h5>
                <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                    <a class="btn btn-primary" href="#">$16.00</a></h4>
            </div>
        </div>
    </li><li class="span3">
        <div class="thumbnail">
            <a  href="product_details.html"><img  style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
            <div class="caption">
                <h5>Rendezvous Single</h5>
                <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                    <a class="btn btn-primary" href="#">$16.00</a></h4>
            </div>
        </div>
    </li><li class="span3">
        <div class="thumbnail">
            <a  href="product_details.html"><img  style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
            <div class="caption">
                <h5>Rendezvous Single</h5>
                <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                    <a class="btn btn-primary" href="#">$16.00</a></h4>
            </div>
        </div>
    </li><li class="span3">
        <div class="thumbnail">
            <a  href="product_details.html"><img  style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
            <div class="caption">
                <h5>Rendezvous Triple</h5>
                <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                    <a class="btn btn-primary" href="#">$35.00</a></h4>
            </div>
        </div>
    </li>
</ul>	




<!-- Themes switcher section ============================================================================================= -->
<div id="secectionBox">
    <link rel="stylesheet" href="themes/switch/themeswitch.css" type="text/css" media="screen" />
    <script src="themes/switch/theamswitcher.js" type="text/javascript" charset="utf-8"></script>
    <div id="themeContainer">
        <div id="hideme" class="themeTitle">Style Selector</div>
        <div class="themeName">Oregional Skin</div>
        <div class="images style">
            <a href="themes/css/#" name="bootshop"><img src="themes/switch/images/clr/bootshop.png" alt="bootstrap business templates" class="active"></a>
            <a href="themes/css/#" name="businessltd"><img src="themes/switch/images/clr/businessltd.png" alt="bootstrap business templates" class="active"></a>
        </div>
        <div class="themeName">Bootswatch Skins (11)</div>
        <div class="images style">
            <a href="themes/css/#" name="amelia" title="Amelia"><img src="themes/switch/images/clr/amelia.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="spruce" title="Spruce"><img src="themes/switch/images/clr/spruce.png" alt="bootstrap business templates" ></a>
            <a href="themes/css/#" name="superhero" title="Superhero"><img src="themes/switch/images/clr/superhero.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="cyborg"><img src="themes/switch/images/clr/cyborg.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="cerulean"><img src="themes/switch/images/clr/cerulean.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="journal"><img src="themes/switch/images/clr/journal.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="readable"><img src="themes/switch/images/clr/readable.png" alt="bootstrap business templates"></a>	
            <a href="themes/css/#" name="simplex"><img src="themes/switch/images/clr/simplex.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="slate"><img src="themes/switch/images/clr/slate.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="spacelab"><img src="themes/switch/images/clr/spacelab.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="united"><img src="themes/switch/images/clr/united.png" alt="bootstrap business templates"></a>
            <p style="margin:0;line-height:normal;margin-left:-10px;display:none;"><small>These are just examples and you can build your own color scheme in the backend.</small></p>
        </div>
        <div class="themeName">Background Patterns </div>
        <div class="images patterns">
            <a href="themes/css/#" name="pattern1"><img src="themes/switch/images/pattern/pattern1.png" alt="bootstrap business templates" class="active"></a>
            <a href="themes/css/#" name="pattern2"><img src="themes/switch/images/pattern/pattern2.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern3"><img src="themes/switch/images/pattern/pattern3.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern4"><img src="themes/switch/images/pattern/pattern4.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern5"><img src="themes/switch/images/pattern/pattern5.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern6"><img src="themes/switch/images/pattern/pattern6.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern7"><img src="themes/switch/images/pattern/pattern7.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern8"><img src="themes/switch/images/pattern/pattern8.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern9"><img src="themes/switch/images/pattern/pattern9.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern10"><img src="themes/switch/images/pattern/pattern10.png" alt="bootstrap business templates"></a>

            <a href="themes/css/#" name="pattern11"><img src="themes/switch/images/pattern/pattern11.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern12"><img src="themes/switch/images/pattern/pattern12.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern13"><img src="themes/switch/images/pattern/pattern13.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern14"><img src="themes/switch/images/pattern/pattern14.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern15"><img src="themes/switch/images/pattern/pattern15.png" alt="bootstrap business templates"></a>

            <a href="themes/css/#" name="pattern16"><img src="themes/switch/images/pattern/pattern16.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern17"><img src="themes/switch/images/pattern/pattern17.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern18"><img src="themes/switch/images/pattern/pattern18.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern19"><img src="themes/switch/images/pattern/pattern19.png" alt="bootstrap business templates"></a>
            <a href="themes/css/#" name="pattern20"><img src="themes/switch/images/pattern/pattern20.png" alt="bootstrap business templates"></a>

        </div>
    </div>
</div>
<span id="themesBtn"></span>